<template>
  <transition name="slide">
    <div class="singer-detail">
      sdfhadkfhadladh
    </div>
  </transition>
</template>

<script type="text/ecmascript-6">
  import {mapGetters} from 'vuex'
  export default {
    created() {
      console.log(111)
      console.log(this.singer)
    },
    computed: {
      ...mapGetters([
        'singer'
      ])
    },
    mounted() {

    },
    methods: {

    }
  }
</script>

<style scoped lang="stylus" rel="stylesheet/stylus">
  @import "~common/stylus/variable"

  .singer-detail
    position fixed
    z-index 100
    top: 0
    left: 0
    right: 0
    bottom: 0
    background: $color-background

  .slide-enter-active, .slide-leave-active
    transition: all 0.3s

  .slide-enter, .slide-leave-to
    transform: translate3d(100%, 0, 0)
</style>
